<!--
 * @Author: cgl
 * @Date: 2023-08-10 09:38:51
 * @LastEditors: cgl
 * @LastEditTime: 2023-08-15 15:21:58
 * @FilePath: \public-health-emergencies-fed:\radiation-hygiene-fe\src\views\norole.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by cgl/微盛信息产业有限公司, All Rights Reserved. 
-->
<template>
  <div class="errPage-container">
		<div class="content">
			<div class="tip">
				<h2>对不起，您没有可访问的菜单！</h2>
				<ul class="list-unstyled">
					<li class="link-type">
						<a @click="logout">重新登录</a>
					</li>
				</ul>
			</div>

			<div>
				<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
			</div>
		</div>
  </div>
</template>

<script>
import errGif from '@/assets/401_images/401.gif'

export default {
  name: 'Page401',
  data() {
    return {
      errGif: errGif + '?' + +new Date()
    }
  },
  methods: {
    async logout() {
			this.$store.dispatch('LogOut').then(() => {
				location.href = process.env.VUE_APP_CONTEXT_PATH + "index";
			})
    }
  }
}
</script>

<style lang="scss" scoped>
  .errPage-container {
    // width: 800px;
    max-width: 100%;
    // margin: 100px auto;
			
    max-width: 100%;
    height: 100%;
    position: fixed;
    width: 100%;
    background: #fff;
		margin-top: -10px;
		.content {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 5%;
			.list-unstyled {
				font-size: 14px;
				li {
					padding-bottom: 5px;
				}
				a {
					color: #008489;
					text-decoration: none;
					&:hover {
						text-decoration: underline;
					}
				}
			}
		}
  }
</style>
